<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8" />
		<title>Document</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/bootstrap-table.min.css" />
		<link rel="stylesheet" href="css/bootstrap-select.min.css" />
		<!--左侧公共-->
		<link rel="stylesheet" href="css/freestyle.css" />
		<!--右侧个别-->
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<style>
		.red,
		.redz{
			color:#ff0000;
			font-size:14px;
		}
		.btn{
			border-radius:0px;
		}
		.btn-default{
			height: 36px;
			border-color: #C7D3E3;
			border-radius: 0;
			font-size: 16px;
			color:#000;
		}
		.nav-tabs>li>a {
	
			border-radius: 0px;; 
		}
		.modal-body li>a {
			color:#000;
			font-size: 14px;
		}
		.modal-body li>a :hover{
			color:#fff;
			
		}
		.tag-modal{
			padding:20px;
		}
		.hint{
			color:#555;
			font-size:14px;
		}
		.modal-body li>a :hover {
			color: #000;
		}
		#tagLookModal span{
			line-height: 34px;
		}
	</style>
	<body id="height">
		<span id="name" style="display:none">{{.Name}}</span>
    	<span id="id" style="display:none">{{.ID}}</span>
		<nav class="navbar pull-left">
			<div>
				<img src="img/创客标志.png" alt="" />
			</div>
			<div class="admin">
				<div class="admin-user">
					<div class="pull-left">
						<i class="fa fa-user"></i>
						<span>{{.Name}}</span>
					</div>
					<div class="admin-ul pull-right">
						<span id="startServer" title="重启服务"><i class="fa fa-power-off power"></i></span>
						<span  id="startSystem"  title="重启系统"><i class="fa fa-circle-o-notch server"></i></span>
						<span title="退出" id=""><i class="fa fa-sign-out" ></i></span>
						
					</div>
				</div>
				<div class=" panel-heading">
					<ul class="list-height nav navbar-nav list-group">
						<li>
							<a href="#" class="active" id="home">
								<i class="list-left fa fa-ravelry"></i>首页
								<i class="pull-right fa fa-angle-right"></i>
							</a>
						</li>
						<li>
							<a href="#" id="system">
								<i class="list-left fa fa-ravelry"></i>系统配置
								<i class="pull-right fa fa-angle-right"></i>
							</a>
						</li>
						<li>
							<a href="#" id="mqsys">
								<i class="list-left fa fa-ravelry"></i>MQTT管理
								<i class="pull-right fa fa-angle-right"></i>
							</a>
						</li>
						<li>
							<a href="#" id="task" class="task">
								<i class="list-left fa fa-ravelry"></i>设备管理
								<i class="pull-right fa fa-angle-right"></i>
							</a>
						</li>
						<li>
							<a href="#" id="tag">
								<i class="list-left fa fa-ravelry"></i>数据点管理
								<i class="pull-right fa fa-angle-right"></i>
							</a>
						</li>
						<li>
							<a href="#" id="user">
								<i class="list-left fa fa-ravelry"></i>用户中心
								<i class="pull-right fa fa-angle-right"></i>
							</a>
						</li>
						<li>
							<a href="#" id="log">
								<i class="list-left fa fa-ravelry"></i>日志
								<i class="pull-right fa fa-angle-right"></i>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<div class="pull-right right">
			<!-- 收缩 -->
			<div class="menu-switch">
				<div class="menu-themb opened"></div>
			</div>
			<!--正在加载-->
			<div class="jiazai">
				<div>
					<i class="fa fa-spinner fa-spin"></i>
					<i>正在加载</i>
				</div>
			</div>
			<!--加载失败-->
			<div class="error">
				<div>
					<i class="fa fa-refresh text-center"></i>
					<i>加载失败</i>
					<span></span>
				</div>
			</div>
			<!-- 操作成功 -->
			<div class="modal fade" id="okModal" aria-hidden="true" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="myModalLabel">操作</h4>
						</div>
						<div class="modal-body">
							<div class="danger">
								<p>操作成功</p>
							</div>
						</div>
						
						<div class="modal-footer">
							<button type="button" class="btn btn-primary">确认</button>
						</div>
					</div>
				</div>
			</div>
			<!-- 登陆超时 -->
			<div class="modal fade" id="loginModal" aria-hidden="true" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="myModalLabel">操作</h4>
						</div>
						<div class="modal-body">
							<div class="danger">
								<p>登陆超时，请重新登陆</p>
							</div>
						</div>
						
						<div class="modal-footer">
							<button type="button" class="btn btn-primary">确认</button>
						</div>
					</div>
				</div>
			</div>
			<!-- 操作失败 -->
			<div class="modal fade" id="errorModal" aria-hidden="true" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="myModalLabel">操作</h4>
						</div>
						<div class="modal-body">
							<div class="danger" id="errorMessage">
								<p></p>
							</div>
						</div>
						
						<div class="modal-footer">
							<button type="button" class="btn btn-primary">确认</button>
						</div>
					</div>
				</div>
			</div>
			<!-- 数据点addModal -->
			<div class="modal fade bs-example-modal-lg" aria-hidden="true" data-backdrop="static" id="tagAddModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="myModalLabel">添加数据点</h4>
						</div>
						<div class="modal-body">
							<div class="row">
								<div class="half-quan"  style="height:370px;">
									<!-- Nav tabs -->
									<ul class="nav nav-tabs" role="tablist">
										<li role="presentation" class="active"><a href="#addBasicInfo" aria-controls="addBasicInfo" role="tab" data-toggle="tab">基本设置</a></li>
										<li role="presentation"><a href="#addRange" aria-controls="addRange" role="tab" data-toggle="tab">量程转换</a></li>
										<li role="presentation"><a href="#addStateMent" aria-controls="addStateMent" role="tab" data-toggle="tab">表达式</a></li>
										<li role="presentation"><a href="#addMqttPub" aria-controls="addMqttPub" role="tab" data-toggle="tab">MQTT发布</a></li>
										<li role="presentation"><a href="#addCheck" aria-controls="addCheck" role="tab" data-toggle="tab">测试</a></li>
									</ul>
									<!-- Tab panes -->
									<div class="tab-content tag-modal">
										<div role="tabpanel" class="tab-pane active" id="addBasicInfo">
											<div class="form-horizontal">
												<div class="form-group">
													<label for="" class="col-sm-2 control-label">*名称</label>
													<div class="col-sm-4 ">
														<input type="" class="form-control" id="tagNameAdd">
														<p class="red hide">不能为空</p>
														<p class="redz hide">格式不正确</p>
													</div>
													<label for="" class="col-sm-2 control-label">描述</label>
													<div class="col-sm-4">
														<input type="" class="form-control" id="tagDescAdd" placeholder="">
														
													</div>
												</div>
												<div class="form-group">
													<label for="" class="col-sm-2 control-label">*所属类型</label>
													<div class="col-sm-4 ">
														<select class="form-control" id="tagTypeAdd">
															<option value="0">IO点</option>
															<option value="1">内存点</option>
														</select>
													</div>
													<label for="" class="col-sm-2 control-label">*所属设备</label>
													<div class="col-sm-4 ">
														<select class="form-control" id="tagDeviceAdd">
															
														</select>
													</div>
													
												</div>
												
												<div class="form-group">
													<label for="" class="col-sm-2 control-label">*寄存器地址</label>
													<div class="col-sm-4 ">
														<input type="" class="form-control" id="tagSelfCodeAdd" placeholder="">
														<p class="red hide">不能为空</p>
														<p class="redz hide">格式不正确</p>
													</div>	
													<label for="" class="col-sm-2 control-label">*topic</label>
													<div class="col-sm-4 ">
														<input type="" class="form-control" id="tagTopicAdd" placeholder="">
														<p class="red hide">不能为空</p>
														<p class="redz hide">格式不正确</p>
													</div>
													
												</div>
												
												<div class="form-group">
													<label for="" class="col-sm-2 control-label">数据类型</label>
													<div class="col-sm-4">
														<select class="form-control" id="tagValueTypeAdd">
															<option value="int8">有符号整型8</option>
															<option value="int16">有符号整型16</option>
															<option value="int32">有符号整型32</option>
															<option value="int64">有符号整型64</option>
															<option value="uint8">无符号整型8</option>
															<option value="uint16">无符号整型16</option>
															<option value="uint32">无符号整型32</option>
															<option value="uint64">无符号整型64</option>
															<option value="int8">布尔型</option>
															<option value="float">单精度浮点型</option>
															<option value="double">双精度浮点型</option>
														
														</select>
													</div>
													<label for="" class="col-sm-2 control-label">数据顺序</label>
													<div class="col-sm-4">
														<select class="form-control" id="tagSortAdd">
															<option value="AB" class="sortOne">AB</option>
															<option value="BA" class="sortOne">BA</option>
															
														</select>
													</div>
												</div>
												
												<div class="form-group">
													<label for="" class="col-sm-2 control-label">采集频率(毫秒)</label>
													<div class="col-sm-4">
														<input type="" class="form-control" id="tagPingAdd" placeholder="" value="1000" onFocus="if(value==defaultValue){value=''}" onBlur="if(!value){value=defaultValue}">
														
													</div>
													<label for="" class="col-sm-2 control-label">读写</label>
													<div class="col-sm-4 ">
														<select class="form-control" id="tagReadAdd">
															<option value="1">可读/可写</option>
															<option value="0">只读</option>
															
														</select>
													</div>
												</div>			
											</div>
										</div>
										<div role="tabpanel" class="tab-pane" id="addRange">
											<div class="form-horizontal">
												<div class="form-group">
													<label for="" class="col-sm-3 control-label">K1</label>
													<div class="col-sm-6 ">
														<input type="" class="form-control pull-left" id="tagK1Add" placeholder="" value="0"  onFocus="if(value==defaultValue){value=''}" onBlur="if(!value){value=defaultValue}">
														
													</div>
													
												</div>
												<div class="form-group">
													<label for="" class="col-sm-3 control-label">K2</label>
													<div class="col-sm-6 ">
														<input type="" class="form-control pull-left" id="tagK2Add" placeholder=""  value="0"  onFocus="if(value==defaultValue){value=''}" onBlur="if(!value){value=defaultValue}">
													
													</div>
												</div>
												<div class="form-group">
													<label for="" class="col-sm-3 control-label">量程上限</label>
													<div class="col-sm-6 ">
														<input type="" class="form-control pull-left" id="tagHilimAdd" placeholder=""  value="0"  onFocus="if(value==defaultValue){value=''}" onBlur="if(!value){value=defaultValue}">
													
													</div>
													
												</div>
												<div class="form-group">
													<label for="" class="col-sm-3 control-label">量程下限</label>
													<div class="col-sm-6 ">
														<input type="" class="form-control pull-left" id="tagLolimAdd" placeholder=""  value="0"  onFocus="if(value==defaultValue){value=''}" onBlur="if(!value){value=defaultValue}">
													
													</div>
												</div>
		
		
											</div>
										</div>
										<div role="tabpanel" class="tab-pane" id="addStateMent">
											<div class="form-horizontal">
												<div class="form-group">
													<label for="" class="col-sm-3 control-label">计算表达式</label>
													<div class="col-sm-6 ">
														<textarea style="width:100%;height:100px;" id="tagExpresAdd"></textarea>
														
													
													</div>
												</div>
												<div class="form-group">
													<label for="" class="col-sm-3 control-label"></label>
													<div class="col-sm-6">
														<p class="hint">
															io点表达式如："value = (value + 3.68 + 4.02) * 5 - (8 / (2 + 6)) + 4"，括号中的value为点读取到的数据，等号左边的value表示计算结果作为点的最终值，其中value关键字是固定不能更改的。
														</p>
														<p class="hint">
															内存点表达式如："value = Tag('a') * Tag('b') - (Tag('a') - 3) / 2"，其中value表示最终计算结果，Tag('a')表示取点名为a的点的值来做计算，value与Tag都是关键字。
														</p>
													</div>
												</div>
		
		
											</div>
										</div>
										<div role="tabpanel" class="tab-pane" id="addMqttPub">
											<div class="form-horizontal">
												<div class="form-group">
													<label for="" class="col-sm-3 control-label">发送MQTT</label>
													<div class="col-sm-6">
														<select id="tagMqttAdd" size="auto" class="selectpicker show-tick form-control" multiple data-live-search="false">
														</select>
												
													</div>
												</div>
											</div>
										</div>
										<div role="tabpanel" class="tab-pane" id="addCheck">
											<div class="form-horizontal">
												<div class="form-group">
													<button type="button" class="btn btn-primary addCheckbtn">点击测试</button>
													<div id="TestResult"></div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<span class="" style="padding:0px 20px;font-size:14px;">请至少将名称，寄存器地址，topic 所属设备 填写 再提交</span>
								<span class="pull-right hide" id="tagTi" style="margin:0px 20px;font-size:14px;color:red">带“ * ”不得为空</span>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary okbtn">确认</button>
							<button type="button" class="btn btn-warning remove" data-dismiss="modal">取消</button>
						</div>
					</div>
					
				</div>
			</div>
			<!-- editModal -->
			<div class="modal fade bs-example-modal-lg" id="tagEditModal" aria-hidden="true" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="myModalLabel">修改内容</h4>
						</div>
						<div class="modal-body">
							<div class="row">
								<div class="half-quan"  style="height:370px;">
									<!-- Nav tabs -->
									<ul class="nav nav-tabs" role="tablist">
										<li role="presentation" class="active"><a href="#editBasicInfo" aria-controls="editBasicInfo" role="tab" data-toggle="tab">基本设置</a></li>
										<li role="presentation"><a href="#editRange" aria-controls="editRange" role="tab" data-toggle="tab">量程转换</a></li>
										<li role="presentation"><a href="#editStateMent" aria-controls="editStateMent" role="tab" data-toggle="tab">表达式</a></li>
										<li role="presentation"><a href="#editMqttPub" aria-controls="editMqttPub" role="tab" data-toggle="tab">MQTT发布</a></li>
										<li role="presentation"><a href="#editCheck" aria-controls="editCheck" role="tab" data-toggle="tab">测试</a></li>
									</ul>
									<!-- Tab panes -->
									<div class="tab-content tag-modal">
										<div role="tabpanel" class="tab-pane active" id="editBasicInfo">
											<div class="form-horizontal">
												<div class="form-group">
													<label for="" class="col-sm-2 control-label">名称</label>
													<div class="col-sm-4 ">
														<input type="" class="form-control" id="tagNameEdit">
														<p class="red hide">不能为空</p>
														<p class="redz hide">格式不正确</p>
													</div>
													<label for="" class="col-sm-2 control-label">描述</label>
													<div class="col-sm-4">
														<input type="" class="form-control" id="tagDescEdit">
													
													</div>
												</div>
												<div class="form-group">
													<label for="" class="col-sm-2 control-label">所属类型</label>
													<div class="col-sm-4 ">
														<select class="form-control" id="tagTypeEdit">
															<option value="0">IO点</option>
															<option value="1">内存点</option>
														</select>
													</div>
													<label for="" class="col-sm-2 control-label">所属设备</label>
													<div class="col-sm-4">
														<select class="form-control" id="tagDeviceEdit">
															
														</select>
													</div>
													
												</div>
												
												<div class="form-group">
													<label for="" class="col-sm-2 control-label">寄存器地址</label>
													<div class="col-sm-4 ">
														<input type="" class="form-control" id="tagSelfCodeEdit" placeholder="">
														<p class="red hide">不能为空</p>
														<p class="redz hide">格式不正确</p>
													</div>	
													<label for="" class="col-sm-2 control-label">topic</label>
													<div class="col-sm-4 ">
														<input type="" class="form-control" id="tagTopicEdit" placeholder="">
														<p class="red hide">不能为空</p>
														<p class="redz hide">格式不正确</p>
													</div>
													
												</div>
												
												<div class="form-group">
													<label for="" class="col-sm-2 control-label">数据类型</label>
													<div class="col-sm-4">
														<select class="form-control" id="tagValueTypeEdit">
															<option value="int8">有符号整型8</option>
															<option value="int16">有符号整型16</option>
															<option value="int32">有符号整型32</option>
															<option value="int64">有符号整型64</option>
															<option value="uint8">无符号整型8</option>
															<option value="uint16">无符号整型16</option>
															<option value="uint32">无符号整型32</option>
															<option value="uint64">无符号整型64</option>
															<option value="int8">布尔型</option>
															<option value="float">单精度浮点型</option>
															<option value="double">双精度浮点型</option>
														
														</select>
													</div>
													<label for="" class="col-sm-2 control-label">数据顺序</label>
													<div class="col-sm-4">
														<select class="form-control" id="tagSortEdit">
															<!-- <option value="AB" class="sortOne">AB</option>
															<option value="BA" class="sortOne">BA</option> -->
															
														</select>
													</div>
												</div>
												
												<div class="form-group">
													<label for="" class="col-sm-2 control-label">采集频率(毫秒)</label>
													<div class="col-sm-4">
														<input type="" class="form-control" id="tagPingEdit" placeholder="" value="1000" onFocus="if(value==defaultValue){value=''}" onBlur="if(!value){value=defaultValue}">
														
													</div>
													<label for="" class="col-sm-2 control-label">读写</label>
													<div class="col-sm-4 ">
														<select class="form-control" id="tagReadEdit">
															<option value="0">只读</option>
															<option value="1">可读/可写</option>
														</select>
													</div>
												</div>			
											</div>
										</div>
										<div role="tabpanel" class="tab-pane" id="editRange">
											<div class="form-horizontal">
												<div class="form-group">
													<label for="" class="col-sm-3 control-label">K1</label>
													<div class="col-sm-6 ">
														<input type="" class="form-control pull-left" id="tagK1Edit" placeholder="" value="0"  onFocus="if(value==defaultValue){value=''}" onBlur="if(!value){value=defaultValue}">
														
													</div>
													
												</div>
												<div class="form-group">
													<label for="" class="col-sm-3 control-label">K2</label>
													<div class="col-sm-6 ">
														<input type="" class="form-control pull-left" id="tagK2Edit" placeholder=""  value="0"  onFocus="if(value==defaultValue){value=''}" onBlur="if(!value){value=defaultValue}">
													
													</div>
												</div>
												<div class="form-group">
													<label for="" class="col-sm-3 control-label">量程上限</label>
													<div class="col-sm-6 ">
														<input type="" class="form-control pull-left" id="tagHilimEdit" placeholder=""  value="0"  onFocus="if(value==defaultValue){value=''}" onBlur="if(!value){value=defaultValue}">
														
													</div>
													
												</div>
												<div class="form-group">
													<label for="" class="col-sm-3 control-label">量程下限</label>
													<div class="col-sm-6 ">
														<input type="" class="form-control pull-left" id="tagLolimEdit" placeholder=""  value="0"  onFocus="if(value==defaultValue){value=''}" onBlur="if(!value){value=defaultValue}">
														
													</div>
												</div>
		
		
											</div>
										</div>
										<div role="tabpanel" class="tab-pane" id="editStateMent">
											<div class="form-horizontal">
												<div class="form-group">
													<label for="" class="col-sm-3 control-label">计算表达式</label>
													<div class="col-sm-6 ">
														<textarea style="width:100%;height:100px;" id="tagExpresEdit"></textarea>
														
													</div>
												</div>
												<div class="form-group">
													<label for="" class="col-sm-3 control-label"></label>
													<div class="col-sm-6">
														<p class="hint">
															io点表达式如："value = (value + 3.68 + 4.02) * 5 - (8 / (2 + 6)) + 4"，括号中的value为点读取到的数据，等号左边的value表示计算结果作为点的最终值，其中value关键字是固定不能更改的。
														</p>
														<p class="hint">
															内存点表达式如："value = Tag('a') * Tag('b') - (Tag('a') - 3) / 2"，其中value表示最终计算结果，Tag('a')表示取点名为a的点的值来做计算，value与Tag都是关键字。
														</p>
													</div>
												</div>
		
		
											</div>
										</div>
										<div role="tabpanel" class="tab-pane" id="editMqttPub">
											<div class="form-horizontal">
												<div class="form-group">
													<label for="" class="col-sm-3 control-label">发送MQTT</label>
													<div class="col-sm-6" id="seMqttInput">
														<select id="tagMqttEdit" size="auto" class="selectpicker show-tick form-control" multiple data-live-search="false">
														</select>
												
													</div>
												</div>
											</div>
										</div>
										<div role="tabpanel" class="tab-pane" id="editCheck">
											<div class="form-horizontal">
												<div class="form-group">
													<button type="button" class="btn btn-primary editCheckbtn">点击测试</button>
													<div id="editTestResult"></div>
												</div>
											</div>
										</div>
									</div>
								</div>
								
							</div>
						</div>
						<div class="modal-footer">
		
							<button type="button" class="btn btn-primary okbtn">确认</button>
							<button type="button" class="btn btn-warning remove" data-dismiss="modal">取消</button>
						</div>
					</div>
					
				</div>
			</div>
			<!-- 升级 -->
			<div class="modal fade" id="upgradeModal" aria-hidden="true" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog" role="document" style="margin-top:150px;">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="myModalLabel">操作</h4>
						</div>
						<div class="modal-body">
							<div class="row">
								<div class="half-quan">
									<div class="form-horizontal" id="shengJi">
										<div class="form-group">
											<label for="" class="col-sm-3 control-label">上传证书</label>
											<div class="col-sm-6 ">
												<input type="file" class="form-control" id="upgradeFile" placeholder="">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary okbtn">确认</button>
							<button type="button" class="btn btn-warning remove" data-dismiss="modal">取消</button>
							
						</div>
					</div>
				</div>
			</div>
			<div class="public">
				
				<div class="row">
					<h2>基本信息</h2>
				</div>
				<div class="row">
					<div class="col-sm-6"> 
						<div class="half row half-h">
							<h3>系统利用率</h3>
							<div class="tu-one col-sm-8 pad">
								<div class="number-cpu pull-left">
									<p class="cpu-nu" id="mem"></p>
									<p class="cpu-self">内存</p>
								</div>
								<div class="number-cpu pull-left">
									<p class="cpu-nu" id="cpu"></p>
									<p class="cpu-self">cpu</p>
								</div>
								<div class="echarts line-cha" id="echarts-line-chart"></div>
							</div>
							<div class="tu-two col-sm-4 pad">
								<div class="echarts gau-cha" id="echarts-gauge-chart"></div>
							</div>
							<div class="clear"></div>
						</div>
					</div>
					<div class="col-sm-6">
						<div class="half half-h">
							<h3>系统信息</h3>
							<div class="row odd list">
								<div class="col-sm-4">序列号：</div>
								<div class="col-sm-8" id="serial-number"></div>
							</div>
							<div class="row even list">
								<div class="col-sm-4 ">硬件版本：</div>
								<div class="col-sm-8" id="hardware"></div>
							</div>
							
							<div class="row odd list">
								<div class="col-sm-4">软件版本：</div>
								<div class="col-sm-8" id="software"></div>
							</div>
							<div class="row even list">
								<div class="col-sm-4">授权信息：</div>
								<div class="col-sm-8" id="authorization"></div>
							</div>
							<div class="row odd list">
								<div class="col-sm-4">版本升级：</div>
								<div class="col-sm-8" id="">
									<button type="" class="btn btn-primary" id="upgrade">升级</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				
			</div>
		</div>
		<div class="footer">
			<div class="pull-right">&copy; 2017
				<a href="http://" target="_blank" title="点击进入">山西创客空间科技有限公司</a>
			</div>
		</div>
	</body>
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/bootstrap-table.min.js"></script>
	<script src="js/bootstrap-table-zh-CN.min.js"></script>
	<script src="js/bootstrap-select.min.js"></script>
	<script src="js/jquery.base64.js"></script>
	<!--点击收缩-->
	<script src="js/thumb.js"></script>
	<!--echart-->
	<script src="js/plugs/echarts.min.js"></script>
	<!--自己的echart-->
	<script src="js/plugs/echstyle.js"></script>
	
	<!--自定义-->
	<script src="js/md5.min.js"></script>
	<script src="js/reconnecting-websocket.min.js"></script>
	<script src="js/web_data.js"></script>
	<script>
		
		$(window).on('load', function () {
		    $('#tagMqttAdd').selectpicker({
		        'selectedText': 'cat'
		    });
		});
		
	</script>
</html>